import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

import store from "./store";

const root = ReactDOM.createRoot(
  document.getElementById("root") as HTMLElement
);

function render() {
  root.render(
    <React.StrictMode>
      <App />
    </React.StrictMode>
  );
}

// 初始化渲染
render();

store.subscribe(() => {
  // 当store中的state发生变化时，就会触发这个函数
  // 在这个函数中让组件重新渲染
  render();
});
